﻿<RadzenStack Orientation="Orientation.Horizontal" Wrap="FlexWrap.Wrap" JustifyContent="JustifyContent.Center" Class="rz-p-12" Gap="2rem">
    <RadzenBadge Text="Flat" />
    <RadzenBadge Variant="Variant.Outlined" Text="Outlined" />
    <RadzenBadge Variant="Variant.Text" Text="Text" />
</RadzenStack>

<RadzenStack Orientation="Orientation.Vertical" Class="rz-pb-12" Gap="1rem">
    <RadzenStack Orientation="Orientation.Horizontal" Wrap="FlexWrap.Wrap" JustifyContent="JustifyContent.Center" Gap="2rem">
        <RadzenBadge Shade="Shade.Lighter" Text="Flat" />
        <RadzenBadge Shade="Shade.Lighter" Variant="Variant.Outlined"  Text="Outlined" />
        <RadzenBadge Shade="Shade.Lighter" Variant="Variant.Text" Text="Text" />
    </RadzenStack>
    <RadzenStack Orientation="Orientation.Horizontal" Wrap="FlexWrap.Wrap" JustifyContent="JustifyContent.Center" Gap="2rem">
        <RadzenBadge Shade="Shade.Light" Text="Flat" />
        <RadzenBadge Shade="Shade.Light" Variant="Variant.Outlined"  Text="Outlined" />
        <RadzenBadge Shade="Shade.Light" Variant="Variant.Text" Text="Text" />
    </RadzenStack>
    <RadzenStack Orientation="Orientation.Horizontal" Wrap="FlexWrap.Wrap" JustifyContent="JustifyContent.Center" Gap="2rem">
        <RadzenBadge Shade="Shade.Dark" Text="Flat" />
        <RadzenBadge Shade="Shade.Dark" Variant="Variant.Outlined"  Text="Outlined" />
        <RadzenBadge Shade="Shade.Dark" Variant="Variant.Text" Text="Text" />
    </RadzenStack>
    <RadzenStack Orientation="Orientation.Horizontal" Wrap="FlexWrap.Wrap" JustifyContent="JustifyContent.Center" Gap="2rem">
        <RadzenBadge Shade="Shade.Darker" Text="Flat" />
        <RadzenBadge Shade="Shade.Darker" Variant="Variant.Outlined" Text="Outlined" />
        <RadzenBadge Shade="Shade.Darker" Variant="Variant.Text" Text="Text" />
    </RadzenStack>
</RadzenStack>